<template>
	<view class="setting">
		<SettingMenu :text="usershell"></SettingMenu>
		<SettingMenu class="border-dd" style="border-top: 1px solid #e3e3e3;" :text="statute"></SettingMenu>
		<SettingMenu class="border-dd" style="border-top: 1px solid #e3e3e3;" :text="version"></SettingMenu>
		<SettingMenu class="border-dd last" style="border-top: 1px solid #e3e3e3;" :text="aboutwe"></SettingMenu>
		<button class="logout" @click="logout">退出登录</button>
	</view>
</template>

<script setup>  
import SettingMenu from "./SettingMenu.vue"
import { reactive, defineProps } from 'vue';  
// 定义方法  
const rightClick = () => {  
    console.log('rightClick');  
};  
  
const leftClick = () => {  
    console.log('leftClick');  
};  
const logout = ()=>{
	uni.navigateTo({
		url: '/pages/login/login'
	})
}
const usershell = "账号与安全"
const statute = "法律条款与隐私政策"
const version = "检查版本更新"
const aboutwe ='关于我们'
</script>

<style>
.setting {
	height: 100vh;
	background-color: rgb(233,236,239);
}
.border-dd {
	border-top: 1px solid #e3e3e3;
}
.logout {
	margin-top: 20px;
	width: 80%;
	background-color: rgb(206,212,218);
	color: #000;
}
</style>
